<!DOCTYPE HTML>
<html>
	<!--
	 多类别选择器  在类名中调用 空格隔开 
	 重复属性就近原则,哪个类离body 近,就执行哪一个
	-->
	<head>
		<meta charset="utf-8"/>
		<title>多类选择器</title>
		<style>
			.first{
				color: #008000;
				font-size: 30px;
			}
			.third{
				font-size: 60px;
			}
			.second{
				font-weight: 900;
				font-size: 40px;
			}
			
		</style>
	</head>
	<body>
		<div class="first">第一个</div>
		<div class="second first">第二个</div>
		<div class="third second">第三个</div>
	</body>
</html>